@import './normalize-reset';
@import './scrollbar-reset';

#micro-system {
  box-sizing: border-box;
  height: 100%;
}

root {
  --base-title-height: 50px;
  --line-clamp: 1;
}

html,
body {
  height: 100%;
}

html {
  font-family: -apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Segoe UI', 'Arial', 'PingFang SC', '苹方',
    'Microsoft YaHei', '微软雅黑', '黑体', 'SimHei', sans-serif;
}

body {
  min-width: 1200px;
  height: 100%;
  min-height: 500px;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: inherit;
}

h3,
h4 {
  margin: 0;
  padding: 0;
}

/* TIPS 带有Base-title组件的页面高度需要减掉50 没有的页面在本页面手动实现高度 */

.default-main {
  height: calc(100% - var(--base-title-height));
  min-height: 500px;
  background-color: #f5f5f5;
}

.default-panel,
.default-content {
  box-sizing: border-box;
  margin: 0 0 16px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.default-content {
  padding: 22px 16px;
}

.default-panel {
  padding-top: 22px;
}

/* TODO 以下公共样式封装需要优化 */

.table-header-func {
  margin-bottom: 22px;
}

.no-border-btn {
  display: flex;
  align-items: center;
  min-width: 40px;
  height: 20px;
  cursor: pointer;
}

.table-func {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
}

.blue {
  color: #429eff;
}

.red {
  color: #f5222d;
}

/* TIPS element-plus upload组件回显图片变形问题修复 */

img.el-upload-list__item-thumbnail {
  object-fit: cover;
}

/* TIPS el-main全局边距修正为16 */

.el-main {
  padding: 16px !important;
}

/* TIPS el-table中的 el-checkbox高度修正为自适应 */

.el-table .el-table-column--selection .el-checkbox {
  height: auto !important;
}

/* TIPS el-dialog底部的footer插槽去掉padding使组件内部实现的按钮更贴合底部,
  如需要使用el-dialog本身提供的footer插槽用于放置按钮, 请于组件内手动修复样式 */

.el-dialog__footer {
  padding: 0 !important;
}

.ellipsis {
  display: box;
  overflow: hidden;
  box-orient: vertical;
  -webkit-line-clamp: var(--line-clamp);
}

/* TIPS 减少dialog的顶部标题下空白 */

.el-dialog__body {
  padding-top: 16px !important;
}
/* 隐藏文字 */

.el-menu--collapse .el-submenu__title span {
  display: none;
}

/* 隐藏 > */

.el-menu--collapse .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}

/* 表格冻结列样式 */
::v-deep .el-table__fixed::before {
  background: none;
}
